<template>
  <div class="mod-pay">
    <el-tabs>
      <el-tab-pane :label="$t('dataAnalysis.commodityEffect')">
        <Effect ref="effectRef" />
      </el-tab-pane>
      <el-tab-pane :label="$t('dataAnalysis.cardCouponAnalysis')">
        <Coupon ref="couponRef" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import Effect from './components/prod-effect.vue'
import Coupon from './components/coupon-analysis.vue'

</script>
<style lang="scss" scoped>
/*
通用样式
*/
.mod-pay {

  /**
    elenemt
    **/
  :deep(.el-checkbox__label) ,
  :deep(.el-radio__label)  {
    padding-left: 5px;
    font-size: 13px;
  }
 :deep(.el-checkbox__inner) ,
  :deep(.el-radio__inner) {
    border: 2px solid #b2aebc;
  }
  :deep(.el-checkbox__inner::after) {

    left: 3px;
    top: 0;
  }
:deep(.el-checkbox .is-checked .el-checkbox__inner){
  border: 2px solid var(--el-checkbox-checked-bg-color);
}
  :deep(.el-input__inner)  {
    border-radius: 0;
  }
}
</style>
